<template>
  <div>
    <CloudTip
      message="Success Tips"
      type="success"
      show-icon
      style="margin-bottom: 10px"
    />
    <CloudTip
      message="Informational Notes"
      type="info"
      show-icon
      style="margin-bottom: 10px"
    />
    <CloudTip
      message="Warning"
      type="warning"
      show-icon
      style="margin-bottom: 10px"
    />
    <CloudTip
      message="Error"
      type="error"
      show-icon
      style="margin-bottom: 10px"
    />
    <CloudTip
      message="Success Tips"
      description="Detailed description and advices about successful copywriting."
      type="success"
      show-icon
      style="margin-bottom: 10px"
    />
    <CloudTip
      message="Informational Notes"
      description="Additional description and informations about copywriting."
      type="info"
      show-icon
      style="margin-bottom: 10px"
    />
    <CloudTip
      message="Warning"
      description="This is a warning notice about copywriting."
      type="warning"
      show-icon
      style="margin-bottom: 10px"
    />
    <CloudTip
      message="Error"
      description="This is an error message about copywriting."
      type="error"
      show-icon
    />
  </div>
</template>
<script>

export default {
  title: '6.图标',
  data() {
    return {

    };
  },
  methods: {

  },
};
</script>